// @import "header";
@import "_common";
@import "_footer";
.engine{
    @include bgBase(nth($headercolor,2));
    .left{
        h2{
            @include mBase(1.07rem,0,.35rem,0);
            @include fontBase(.4775rem,nth($headercolor,1),left,bold);
        }
        .small{
            margin-bottom: .78rem;
            @include fontBase(.3022rem,nth($headercolor,3),left,normal);
        }
        .list{
            .item{
                img{
                    @include pBase(0,.10rem,0,.10rem);
                    @include bgBase(nth($headercolor,1));
                    @include whBase(.64rem,.64rem);
                }
                .row{
                    .col-md-3{
                        padding-right: 0;
                    }
                    .col-md-9{
                        h3{
                            @include mBase(0,0,.15rem,0);
                            font-size: 0.2rem;
                        }
                        p{
                            margin-bottom: .40rem;
                            line-height: 1.428;
                            @include fontBase(.14rem,nth($headercolor,4),left,normal);
                        }
                    }
                }
            }
        }
    }
    .right{
        img{
            width: 3.65rem;
            margin-top: 1.48rem;
        }
    }
}
.adv{
    .container{
        >.row{
            margin-top: 1.17rem;
            margin-bottom: 1.06rem;
            .left{
                img{
                    
                    margin-top: .72rem;
                    @include whBase(3.03rem,auto);
                }
            }
            .right{
                h2{
                    // @include mBase(1.07rem,0,.35rem,0);
                    @include fontBase(.4806rem,nth($headercolor,5),left,bold);
                }
                .list{
                    .item{
                        margin-top: .15rem;
                        font-size: .14rem;
                        .img{
                            @include mpBase(auto,.12rem);
                            border-radius: 50%;
                            display: inline-block;
                            @include bgBase (nth($headercolor,5));
                        }
                        img{
                            @include whBase(.32rem,.32rem);
                        }
                        span:last-of-type{
                            display: inline-block;
                            margin-left: .12rem;
                        }
                    }
                }
            }
        }
    }
    
    

}
.family{
    color: #fff;
    @include bgBase(nth($headercolor,1));
    @include pBase(1.13rem,0,1.13rem,0);
    h2{
        @include fontBase(.4845rem,#fff,center,normal);
    }
    .row{
        margin-top: .70rem;
        .left,.right{
            .col-md-offset-1{
                margin-left: 3.333%;
            }
            .col-md-4{
                h3{
                    margin-top: 0;
                    font-size: .3289rem;
                }
                p{
                    font-size: .14rem;
                    line-height: 1.428;
                }
            }
            
        }
    }

}
.game{
    @include pBase(.83rem, 0,.40rem,0);
    .row{
        padding-right: 0rem;
        h3{
            @include mBase(0,0,0,0);
            @include fontBase(.3465rem,#000,left,normal);
        }
        a{
            color: #000;
        }
        .col-md-2{
            text-align: center;
            img{
                margin-bottom: .11rem;
            }
        }
        .last{
            margin-top: .34rem;
        }
        .right{
            .col-md-2{
                padding-right: 0;
            }
        }
    }
    .bottom{
        margin-top: .51rem;
    }
}
.partners{
    @include bgBase(rgb(244, 244, 244));
    @include pBase(.38rem,0,.65rem,0);
    h3{
        margin-top: 0;
        padding-left: 0;
        margin-bottom: .35rem;
        @include fontBase(.30rem,#000,left,normal);
        span{
            @include fontBase(.1121rem,#777,left,normal);
        }
    }
    .row{
        .container{
            .col-md-2{
                width: 15.3%;
                padding-left: 0;
                padding-right: 0;
                margin-right: .15rem;
                @include bgBase(#fff);
            }
            .last{
                margin-right: 0;
            }
        }
    }
    .bon{
        margin-top: .25rem;
    }
    
}

.lunbo{
    width: 100%;
    height: 6.57rem;
    position: relative;
    .lunbo-box{
        width: 999999rem;
        position: absolute;
        height: 6.57rem;
        overflow: hidden;
        position: relative;
        margin-bottom: 0;
        li {
            width: 14.4rem;
            float: left;
            a{
                display: block;
                cursor: auto;
                img{
                    width: 14.4rem;
                    height: 6.57rem;
                }
            }
            
        }
    }
    .btn {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 5px;
        span{
            color: white;
            font-size: 0.12rem;
            width: 0.4rem;
            height: 0.4rem;
            line-height: 2;
            text-align: center;
            display: inline-block;
            background: black;
            opacity: 0.5;
            border-radius: 50%;
            margin-left: 10px;
            cursor: pointer;
            z-index: 1000;
            
        }
        .cur{
            opacity: 1;
        }
    }
    .lunbo-right,
    .lunbo-left{
        display: block;
        width: 10%;
        height: 6.57rem;
        position: absolute;
        top: 0;
        font-size: 0.5rem;
        height: 100%;
        opacity: 0.5;
        z-index: 1000;
        p{
            color: #fff;
            text-align: center;
            display: block;
            cursor: pointer;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        };
    }
    .lunbo-right{
        height: 6.57rem;
        background: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,.0));
        right: 0;
        
    }
    .lunbo-right-black{
        background: linear-gradient(to left,rgba(0,0,0,.6),rgba(0,0,0,.1));
    }
    .lunbo-left{
        height: 6.57rem;
        background: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,.0));
        left: 0;
    }

    .lunbo-left-black{
        background: linear-gradient(to right,rgba(0,0,0,.6),rgba(0,0,0,.1));
    }
        
    
    
    

}

